<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        caption{
            color: #ff6700;
        }
        table {
            font-size: 18px;
            margin: 10px 200px;
            border-collapse: collapse;

        }

        th {

            border: 1px solid black;
            padding: 0 40px;
            background-color: #ccffcc;
            color: blue;
        }

        table,
        td {
            border: 1px solid black;
            text-align: center;
        }

        /* 奇数 */
        table tr:nth-child(odd) {
            background-color: #ccffcc;
        }

        /* 偶数 */
        table tr:nth-child(odd) {
            background-color: #ccffcc;
        }

        tr:hover {
            color: red;
            background-color: rgb(223, 203, 149);
        }

        tr:hover td:nth-child(1) {
            font-weight: 700;
        }
    </style>
</head>

<body>
    <table>
        <caption>
            <h1>计科1班学生成绩信息表(专升本)</h1>
        </caption>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>学号</th>
            <th>C语言程序设计</th>
            <th>Python</th>
            <th>Web程序开发</th>
            <th>总分</th>
        </tr>

        <tr>
            <td>张三</td>
            <td>男</td>
            <td>1831613242</td>
            <td>80</td>
            <td>30</td>
            <td>40</td>
            <td>150</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>1831613222</td>
            <td>80</td>
            <td>60</td>
            <td>40</td>
            <td>180</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>女</td>
            <td>1831613244</td>
            <td>60</td>
            <td>60</td>
            <td>70</td>
            <td>190</td>
        </tr>
        <tr>
            <td>耿胡</td>
            <td>男</td>
            <td>1831613224</td>
            <td>60</td>
            <td>50</td>
            <td>70</td>
            <td>180</td>
        </tr>
        <tr>
            <td>陈桥</td>
            <td>女</td>
            <td>1831613245</td>
            <td>40</td>
            <td>10</td>
            <td>70</td>
            <td>120</td>
        </tr>
        <tr>
            <td>王滟</td>
            <td>女</td>
            <td>1831613248</td>
            <td>100</td>
            <td>100</td>
            <td>70</td>
            <td>270</td>
        </tr>
        <tr>
            <td>张强</td>
            <td>男</td>
            <td>183161322</td>
            <td>60</td>
            <td>90</td>
            <td>70</td>
            <td>220</td>
        </tr>
        <tr>
            <td rowspan="2">班级总人数</td>
            <td>男</td>
            <td>女</td>
            <td>总人数</td>
            <td colspan="3">班级测评绩点</td>
        </tr>
        <tr>
            <td>15</td>
            <td>25</td>
            <td>40</td>
            <td colspan="3">9.8</td>
        </tr>
    </table>
</body>

</html>